﻿<!DOCTYPE html>
<!--HTML5 doctype-->
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>合作网站登录 - {site.name}</title>
<link rel="stylesheet" type="text/css" href="<%templateskin%>/jqmobi/css/icons.css" />
<link rel="stylesheet" type="text/css" href="<%templateskin%>/jqmobi/css/af.ui.base.css" />
<link rel="stylesheet" type="text/css" href="<%templateskin%>/css/style.css" />
<link rel="stylesheet" type="text/css" href="{config.webpath}scripts/artdialog/ui-dialog.css" />
<!--jqMobi主JS-->
<script type="text/javascript" charset="utf-8" src="{config.webpath}scripts/jquery/jquery-1.11.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="<%templateskin%>/jqmobi/jq.appframework.js"></script>
<script type="text/javascript" charset="utf-8" src="<%templateskin%>/jqmobi/ui/appframework.ui.js"></script>
<!--jqMobi插件-->
<script type="text/javascript" charset="utf-8" src="<%templateskin%>/jqmobi/plugins/jq.slidemenu.js"></script>
<script type="text/javascript" charset="utf-8" src="{config.webpath}scripts/artdialog/dialog-plus-min.js"></script>
<script type="text/javascript" src="{config.webpath}scripts/jquery/Validform_v5.3.2_min.js"></script>
<script type="text/javascript" charset="utf-8" src="<%templateskin%>/js/base.js"></script>
<script type="text/javascript">
	$(function(){
		//初始化表单1
		AjaxInitForm('#bind_form', '#btnSubmit1', 0, '#turl');
		//初始化表单2
		AjaxInitForm('#oauth_form', '#btnSubmit2', 0, '#turl');
	});
</script>
</head>

<body>
<div id="afui">
  <div id="content">
    <!--绑定已有账户-->
	<div id="mainPanel" class="panel" data-footer="main_footer">
      <input id="turl" name="turl" type="hidden" value="{turl}" />
      <header>
        <a href="<%linkurl("login")%>" data-ignore="true" class="backButton">返回</a>
        <h1>绑定已有账户</h1>
        <a onclick="$.ui.toggleSideMenu()" class="menuButton"></a>
      </header>
      <div class="form-box">
        <form name="bind_form" id="bind_form" url="{config.webpath}tools/submit_ajax.ashx?action=user_oauth_bind">
          <div><input name="txtUserName" type="text" placeholder="用户名" datatype="*"  nullmsg="请输入用户名" sucmsg=" "></div>
          <div><input name="txtPassword" type="password" placeholder="登录密码" datatype="*6-20"  nullmsg="请输入密码" sucmsg=" "></div>
          <div><input id="btnSubmit1" name="btnSubmit1" type="submit" value="立即绑定" class="btn red full"></div>
        </form>
      </div>
      
      <!--版权信息-->
      <%template src="_copyright.html"%>
      <!--/版权信息-->
      
	</div>
    
    <div id="addPanel" class="panel" data-footer="main_footer">
      <header>
        <a onclick="history.back(-1);" class="backButton">返回</a>
        <h1>创建新账户</h1>
        <a onclick="$.ui.toggleSideMenu()" class="menuButton"></a>
      </header>
      <div class="form-box">
        <form name="oauth_form" id="oauth_form" url="{config.webpath}tools/submit_ajax.ashx?action=user_oauth_register">
          <div><input name="txtEmail" type="text" placeholder="邮箱地址" datatype="e"  nullmsg="请输入邮箱地址" sucmsg=" " /></div>
          <div><input name="txtMobile" type="text" placeholder="手机号码" datatype="m"  nullmsg="请输入手机号码" sucmsg=" " /></div>
          <div><input name="txtPassword" type="password" placeholder="登录密码" datatype="*6-20"  nullmsg="请设置密码" sucmsg=" " /></div>
          <div><input id="btnSubmit2" name="btnSubmit2" type="submit" value="创建新账户" class="btn red full"></div>
        </form>
      </div>
      
      <!--版权信息-->
      <%template src="_copyright.html"%>
      <!--/版权信息-->
      
	</div>
    
    <!--底部导航-->
    <footer id="main_footer">
      <a href="#mainPanel" class="icon target pressed">绑定账户</a>
      <a href="#addPanel" class="icon paper">创建账户</a>
    </footer>
    <!--/底部导航-->

    <!--左侧导航-->
    <%template src="_nav.html"%>
    <!--/左侧导航-->
      
  </div>
</div>
</body>
</html>
